.panel {
  padding-bottom: 5px;
  border: 0;
  overflow: hidden;
  border-bottom: none !important;

  .title {
    position: relative;
    font-size: 12px;
    .icon {
      position: absolute;
      right: 0;
      top: 3px;
      transition: transform .24s;
    }
  }

  &:first-child {
    :global {
      .ant-collapse-header {
        border-top: none !important;
      }
    }
  }

  :global {

    .ant-collapse-header {
      padding: 10px 20px 0 20px !important;
      border-top: #dddddd 1px dashed;
      &:hover {
        background-color: transparent !important;
      }
      &:before {
        content: " ";
        height: 14px;
        background-color: #aaa;
        width: 2px;
        position: absolute;
        top: 14px;
        left: 10px;
      }
      .arrow:before {
        display: none !important;
      }
    }
    .ant-collapse-content {
      border-top: none !important;
      padding: 0 6px 0 16px !important;
    }
    .ant-collapse-content-box {
      padding: 10px 0;
    }

  }
}
:global {
  .ant-collapse-item-active {
    :local {
      .title .icon {
        transform: rotate(180deg);
      }
    }
  }
}
